<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <link rel="stylesheet" href="../assets/css/cgpaCalculator.css" />
    <link rel="stylesheet" href="fontawesome/css/all.css" />
    <title>CGPA Calculator</title>
  </head>
  <body>
    <!-- cgpa_container html part -->
    <div class="cgpa_container">
  <!-- cgpa title html part -->
<div class="cgpa_title"><h4>CGPA Calculator</h4></div>
    <!-- cgpa input html part -->
        <input type="text" id="first-gpa" placeholder="1st Sem">
        <input type="text" id="two-gpa" placeholder="2nd Sem">
        <input type="text" id="three-gpa" placeholder="3rd Sem">
        <input type="text" id="four-gpa" placeholder="4th Sem">
        <input type="text" id="five-gpa" placeholder="5th Sem">
        <input type="text" id="six-gpa" placeholder="6th Sem">
        <input type="text" id="seven-gpa" placeholder="7th Sem">
        <input type="text" id="eight-gpa" placeholder="8th Sem">
    <!-- cgpa output html part -->
    <div class="cgpa_output">
      <h1>Total CGPA =</h1>
      <button id="btn_re">
        Reset
      </button>
      <button id="btn_sub">
       Submit
      </button>
    </div>
    </div>
  

    <script src="../assets/js/cgpaCalculators.js"></script>
  </body>
</html>